.tabs{
    background-color: #fff;
    position: sticky;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    border-bottom: 1rpx solid $background-color;
    .tab{
        flex: 1;
        display: flex;
        justify-content: center;

        .title{
            line-height: 90rpx;
            color: #878B93;
            font-size: 32rpx;
            position: relative;

            &.selected{
                color: #000;
                &::after{
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 6rpx;
                    left: 0;
                    bottom: 0;
                    background-color: $primary-color;
                }
            }
        }

        
    }
}

.news{
    padding:0 $base-space;
    .item{
        padding:$base-space 0;
        display: flex;

        border-bottom: 1rpx solid $background-color;


        align-items: center;

        .icon{
            width: 44rpx;
            height: 44rpx;
            background: url(@/static/news-icon.png) no-repeat;
            background-size: contain;
        }

        .body{
            flex: 1;
            min-width: 0;
            margin-left: 30rpx;

            .title{
                font-size: 32rpx;
                line-height: 48rpx;
                color: #303133;

                overflow: hidden;       /* 溢出隐藏 */
                display: -webkit-box;   /* 使用-webkit-box进行多行文本溢出 */
                -webkit-line-clamp: 2;  /* 限制在2行内 */
                -webkit-box-orient: vertical; /* 垂直排列文本 */
                text-overflow: ellipsis; /* 文本溢出显示省略号 */
            }

            .date{
                line-height: 40rpx;
                color: #909399;
                font-size: 24rpx;
                margin-top: 20rpx;
            }
        }
    }

}